<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
  <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
  <title>泡泡侠首页</title>
  <link rel="stylesheet" href="css/swiper.min.css">
  <link rel="stylesheet" href="css/app.css">
  <script type="text/javascript">
        (function (doc, win) {
          var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function () {
              var clientWidth = docEl.clientWidth;
              if (!clientWidth) return;
              docEl.style.fontSize = 20 * (clientWidth / 320) + 'px';
            };
         
          if (!doc.addEventListener) return;
          win.addEventListener(resizeEvt, recalc, false);
          doc.addEventListener('DOMContentLoaded', recalc, false);
        })(document, window);
    </script>

 
</head>
<body>
<section id="wrapper">
  <section id="index_slide" pp_name="首页焦点轮播">
    <div class="swiper-container swiper-container-flash1 ">
      <div class="swiper-wrapper">
        <div class="swiper-slide " >
          <div class="pic">
            <a href="#">
              <img src="images/flash.png"></a>
          </div>
        </div>
        <div class="swiper-slide " >
          <div class="pic">
            <a href="#">
              <img src="images/index_banner.png"></a>
          </div>
        </div>
      </div>
      <div class="swiper-pagination swiper-pagination-flash1 ">
      </div>
    </div>
  </section>
  <section id="index_banner" pp_name="首页订单信息">
    <div class="index_banner">
      <div class="count l"><a href="#"><span>1</span></a></div>
      <div class="count m"><a href="#"><span>1</span></a></div>
      <div class="count r"><a href="#"><span>1</span></a></div>
    </div>
  </section>

  <section id="index_menu" pp_name="首页下单按钮">
    <div class="index_menu">
      <ul>
        <li><a href="#"><span>价目表</span></a></li>
        <li><a href="#"><span>服务范围</span></a></li>
        <li><a href="#"><span>快速充值</span></a></li>
        <li><a href="#"><span>服务介绍</span></a></li>
      </ul>
      <div class="index_btn_b">
        <a href="#"></a>
      </div>
    </div>
  </section>
  <section id="footer" pp_name="悬浮页脚">
    <div class="footer">
      <a href="#" class="l on"><span >洗衣</span></a>
      <a href="#" class="m "><span >订单</span></a>
      <a href="#" class="r "><span >个人</span></a>
    </div>
  </section>
</section>
<script src="js/jquery-1.10.1.min.js"></script>
<script src="js/swiper3.1.0.jquery.min.js"></script>
<script>


 
 
$(document).ready(function(){



         var flash1 = new Swiper('.swiper-container-flash1', {
            paginationClickable: true,
            pagination : '.swiper-pagination-flash1',
            loop:true,
            autoplay:5000,  
autoplayDisableOnInteraction : false
         });
        
    // var foo_hei=$("#footer").height().toString().replace("px","");
    // var doc_hei=$("#wrapper").height().toString().replace("px","");
    // var view_hei=$(window).height().toString().replace("px","");
    // console.log(foo_hei,doc_hei,view_hei);
    // if((doc_hei*1+foo_hei*1)>view_hei){

    // $("#wrapper").height((doc_hei*1+foo_hei*1)+'px');
    // }









});
</script>
</body>
</html>